cody - HTMLify profile

Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano

font/ cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/font/

1 Items

sans.ttf

sounds/ cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/sounds/

24 Items

key2.mp3

key5.mp3

key23.mp3

key18.mp3

key1.mp3

key12.mp3

key16.mp3

key19.mp3

assets/ cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/assets/

2 Items

twinkleStar.JPG

favicon.png

app.js cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/app.js

185 Views

0 Comments

const keys = document.querySelector("#keys");
const volPlus = document.querySelector(".fa-plus");
const volMinus = document.querySelector(".fa-minus");
const volume = document.querySelector("#volume");

volPlus.addEventListener("click", () => {
if (volume.textContent != 2) {
volume.textContent = parseInt(volume.textContent) + 1;

style.css cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/style.css

116 Views

0 Comments

body {
max-height: 100vh;
background-color: #19172e;
}

#piano {
margin: auto;
margin-top: 30vh;

virtual piano cody/swapnilsparsh/30DaysOfJavaScript/34 - Virtual Piano/index.html

319 Views

0 Comments

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Piano</title>